html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#header {
  width: 100%;
  height: 1.2rem;
  background: #ff841d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#header h1 {
  color: #fff;
  font-size: .426667rem
}

#header a img {
  width: .613333rem;
}

#body {
  flex: 1;
}

#body .info {
  margin-left: .133333rem;
}

#body .info .title {
  font-size: .533333rem;
  margin: .4rem 0 .133333rem;
  font-weight: bolder;
}

#body .info .price {
  font-size: .426667rem;
  color: #ff9543;
  font-weight: 600;
  margin-bottom: .266667rem;
}

#body .info .mall {
  font-size: .213333rems;
  color: #a7a7a7;
  margin-bottom: .266667rem;
}

#body .info .info2 {
  font-size: .426667rem;
  color: #6e6e6e;
  margin-bottom: .266667rem;
  padding-right: 1.333333rem;
}

#body .info img {
  display: inline-block;
  width: 5.333333rem;
  height: 5.333333rem;
}

#body a {
  display: block;
  width: 80%;
  height: .906667rem;
  background: #ff9000;
  margin: 0 auto;
  color: #fff;
  font: .426667rem/.906667rem "";
  text-align: center;
  border-radius: .266667rem;
}

#body img {
  display: inline-block;
  width: 9.493333rem;
  height: 4.026667rem;
  padding: .266667rem;
}

#body .tit {
  margin: .133333rem;
  font-size: .266667rem;
  font-weight: bold;
}

.ctrl {
  position: relative;
}

#body textarea {
  width: 9.333333rem;
  height: 2.666667rem;
  padding: .266667rem;
}

.ctrl {
  display: flex;
  justify-content: flex-end;
}

.ctrl input {
  bottom: -0.8rem;
  display: block;
  width: 2.4rem;
  height: .8rem;
  background: #ff9000;
  /* margin-bottom: 1.333333rem; */
}

#footer {
  height: 1.946667rem;
  background: #efefef;
  text-align: center;
  display: flex;
  flex-direction: column;
}

#footer a,
#footer span {
  display: inline-block;
}

#footer ul {
  display: flex;
  /* justify-content: space-around; */
}

#footer ul li {
  flex: 1;
  border: .026667rem solid #d1d1d1;
}

#footer ul li a {
  font: .266667rem/.586667rem "";
  color: #4d4d4d;
  /* padding:0 1.284rem; */
}

.footer-bottom {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#footer .footer-bottom a {
  font-size: .266667rem;
  color: #fc2323;
}

#footer .footer-bottom span:nth-of-type(1) {
  font-size: .266667rem;
  color: #2f2f2f;
}

#footer .footer-bottom span:nth-of-type(2) {
  font-size: .266667rem;
  color: #6f6f6f;
}

#footer .footer-bottom p {
  font-size: .186667rem;
  color: #8a8c96;
}